<template>
	<div>
		<button type="default" @click="connectSocket">杉德收银台</button>
	</div>
</template>

<script>  
	const module = uni.requireNativePlugin('SandPayTypeModule')
    export default {
        data() {
            return {
            }
        },
        onLoad() {
		
        },  
        methods: {  
			// 开启socket
			connectSocket() {
				let that = this;
				uni.connectSocket({
					url: 'ws://101.37.79.135:30001'
				});
				uni.onSocketOpen(function(res) {
					console.log('WebSocket连接已打开！');
					let data = {method:'login',token:106807};
					
					that.sendSocketMessage(data);
				});
				uni.onSocketError(function(res) {
					console.log('WebSocket连接打开失败，请检查！');
				});
				uni.onSocketMessage(function(res) {
					that.getSocketMessage(res);
				});
				uni.onSocketClose(function(res) {
					console.log('WebSocket 已关闭！');
				});
			},
			
			// 关闭socket
			closeSocket() {
				uni.closeSocket()
			},
			// 发送消息
			sendSocketMessage(msg) {
				console.log(msg);
				msg = JSON.stringify(msg)
				uni.sendSocketMessage({
					data: msg
				});
			},
			// 接收消息
			getSocketMessage(msg) {
				console.log(msg);
				let data = JSON.parse(msg.data)
				switch (data.method) {
					case "payment":
						if (data.status) {
							
						} else {
							
						}
						break;
					default:
						console.log(data);
						break;
				}
			}
		
        },
		onHide() {
			console.log('11111')
			this.closeSocket();
		},
		onUnload() {
			console.log('asdasdasd')
			this.closeSocket();
		}  
    }  
</script> 